// Sidebar
$sidebar-bg: var(--surface-default-high);
$sidebar-height: 100%;
$sidebar-width: 28rem;
$sidebar-index: 1999;
$sidebar-outline: var(--focused);

// Group
$sidebar-group-icon-size: $space-16;
$sidebar-group-header-border-radius: 6px;

// Group item
$sidebar-group-item-icon-size: $space-20;
$sidebar-group-item-border-radius: 6px;
$sidebar-group-item-color: var(--text-default-medium);
$sidebar-group-item-bg: $sidebar-bg;

// hover
$sidebar-group-item-color-hover: var(--text-default-medium);
$sidebar-group-item-bg-hover: var(--interaction-neutral-hovered);

// active
$sidebar-group-item-color-active: var(--text-inverse-high);
$sidebar-group-item-bg-active: var(--text-default-medium);

// active hover
$sidebar-group-item-color-active-hover: var(--text-inverse-high);
$sidebar-group-item-bg-active-hover: var(--text-default-high);
